<template>
  <div class="mubiaotow">
      <div class="mubiaotext">
          <div class="mubiaos">年度目标</div>
          <i>2022</i>
          <div class="yingweng">plan  Your  Goals</div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .mubiaotow{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 2.5rem;
        /* background: cornflowerblue; */
        background:url(../../assets/img/33.gif);
        background-image:100% 100% ;
        
    }
    .mubiaotext{
        position: relative;
        display: flex;
        flex-direction: column; 
        width: 90%;      
        height: 1.2rem;
        
    }
    .mubiaos{
        width: 2.6rem;
        height: .8rem;
        font-size: .5rem;
        font-weight: bold;
    }
    .yingweng{
        width: 100%;
        height: .4rem;
        font-size: .3rem;
        font-weight: bold;   
    }
    .mubiaotext i{
        position: absolute;
      display: inline-block;
      width: .5rem;
      height: .3rem;
      left: 2rem;
      top:.3rem;
      font-size: .2rem;
      background: #ee8b3a;
      border-radius: .2rem;
    }
</style>
